<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">

    <title>斗鱼播放</title>

    <script src="js/util.js"></script>
    <link href="https://cdn.bootcss.com/twitter-bootstrap/4.1.3/css/bootstrap.min.css" rel="stylesheet">
    <script src="https://cdn.bootcss.com/twitter-bootstrap/4.1.3/js/bootstrap.min.js"></script>


    <!--<link href="https://vjs.zencdn.net/7.3.0/video-js.css" rel="stylesheet">-->
    <!--<script src="https://vjs.zencdn.net/7.3.0/video.js"></script>-->

    <link href="https://cdnjs.cloudflare.com/ajax/libs/video.js/7.3.0/video-js.min.css" rel="stylesheet">
    <script src="https://cdnjs.cloudflare.com/ajax/libs/video.js/7.3.0/video.min.js"></script>
    <script src="https://cdn.bootcss.com/videojs-flash/2.1.2/videojs-flash.min.js"></script>
    <script>
        videojs.options.flash.swf = 'https://cdn.bootcss.com/videojs-swf/5.4.2/video-js.swf';
    </script>
    <script src="https://cdn.bootcss.com/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>

    <!-- If you'd like to support IE8 (for Video.js versions prior to v7) -->
    <!--<script src="https://vjs.zencdn.net/ie8/ie8-version/videojs-ie8.min.js"></script>-->

    <style>
        .left {
            /*max-width: 85%;*/
            width: 80%;
            /*margin-left: 10px;*/
            float: left;
        }

        .right {
            float: left;
            width: 20%;
            /*height: 550px;*/
        }

        .top{
            padding: 1px;
        }

        .dm {
            border: 1px solid gray;
            /*overflow-y: scroll;*/
            overflow-y: hidden;
            overflow-X: hidden;
        }
    </style>
</head>

<body>

<div class="container" style="max-width: 100%; margin-top: 5px;">

    <div class="left">
        <!--vjs-big-play-centered-->
        <video id="video" class="video-js vjs-default-skin vjs-fluid">
            Your browser is too old which doesn't support HTML5 video.
        </video>
    </div>
    <div class="right">
        <div class="top">
            <button class="btn btn-outline-primary btn-block" id="favo">关注</button>
        </div>
        <div class="dm">

        </div>
    </div>
</div>

<script src="js/play.js"></script>
</body>

</html>